<div class="mui-content bg-gray">
  <div class="top-bar bg-linear">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <div class="flex text-center">偏好设置</div>
  </div>

  <ul class="mui-table-view m-t">
    <li class="mui-table-view-cell flex-table">
      <div class="mui-col-xs-6">
        房产情况
      </div>
      <div class="mui-col-xs-6">
        <select class="mui-btn mui-btn-block m-b0" [(ngModel)]="preference.housetype">
          <option value="0">不限</option>
          <option value="1">有房无房贷</option>
          <option value="2">有房有房贷</option>
          <option value="3">无房</option>
        </select>
      </div>
    </li>
    <li class="mui-table-view-cell flex-table">
      <div class="mui-col-xs-6">
        车产情况
      </div>
      <div class="mui-col-xs-6">
        <select class="mui-btn mui-btn-block m-b0" [(ngModel)]="preference.cartype">
          <option value="0">不限</option>
          <option value="1">有车无车贷</option>
          <option value="2">有车有车贷</option>
          <option value="3">无车</option>
        </select>
      </div>
    </li>
    <li class="mui-table-view-cell flex-table">
      <div class="mui-col-xs-6">
        公积金
      </div>
      <div class="mui-col-xs-6">
        <select class="mui-btn mui-btn-block m-b0" [(ngModel)]="preference.accumulationfund">
          <option value="0">不限</option>
          <option value="1">有</option>
          <option value="2">无</option>
        </select>
      </div>
    </li>
    <li class="mui-table-view-cell flex-table">
      <div class="mui-col-xs-6">
        社会保障
      </div>
      <div class="mui-col-xs-6">
        <select class="mui-btn mui-btn-block m-b0" [(ngModel)]="preference.socialsecurity">
          <option value="0">不限</option>
          <option value="1">有</option>
          <option value="2">无</option>
        </select>
      </div>
    </li>
  </ul>
  <div class="b-btn m-t mui-btn-danger" (click)="saveSetting()">
    保存
  </div>
</div>
